.multiple-select-show {
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 16px;
  overflow: hidden;

  &:hover {
    border-color: #c0c4cc;
  }

  .placeholder-text {
    color: #c0c4cc;
  }

  .select-label{
    margin-right: 6px;
  }

  .select-tag {
    margin-right: 6px;
    color: #33353B;
  }
}

.multiple-select-dialog {

  .el-dialog__body {
    padding: 0px;
  }

  .el-dialog__header{
    padding:8px 12px;
    border-bottom:1px solid rgba(31, 56, 88, 0.10);
    margin-right: 0px;
  }
  .el-dialog__footer{
    padding:12px;
    border-top:1px solid rgba(31, 56, 88, 0.10);
  }

  .el-dialog__headerbtn{
    height:36px;
    width:36px;
  }

  .multiple-select {
    overflow: auto;
    display: flex;
    min-height: 286px;

    .left-cont {
      width: 300px;
      border-right: 1px solid rgba(31, 56, 88, 0.10);
      padding: 8px 0 0 18px;

      .checkbox-div {
        padding-left: 5px;
        padding-top: 5px;
        height: 240px;
        overflow: auto;
      }

      .el-checkbox {
        display: flex;
        height: 28px;
      }

      .el-checkbox__label {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #33353B;
      }

      .el-input__suffix {
        border-left: 1px solid #D4D7E1;
      }
    }

    .right-cont {
      width: 296px;

      .header-cont {
        display: flex;
        justify-content: space-between;
        padding: 9px 0 5px 15px;
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: rgba(31, 56, 88, 0.60);
        margin-bottom: 0;

        .btn-empty {
          color: #3C6EFF;
          padding-right: 26px;
          cursor: pointer;
        }
      }

      .main-cont {
        padding-left: 2px;
        height: 240px;
        overflow: auto;

        .checked-item {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 28px;
          cursor: pointer;

          .btn {
            color: #3C6EFF;
            padding-right: 26px;
            cursor: pointer;
            display: none;
          }

          &:hover {
            background: rgba(31, 56, 88, 0.04);

            .btn {
              display: inline-block;
            }
          }

          .item-name {
            padding-left: 15px;
            font-family: PingFangSC-Regular;
            font-size: 12px;
            color: rgba(0, 0, 0, 0.60);
          }
        }
      }

      .main-cont-empty {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 200px;

        .tips {
          width: 160px;
          height: 48px;
          background: rgba(31, 56, 88, 0.04);
          border: 1px dashed rgba(31, 56, 88, 0.2);
          text-align: center;
          line-height: 48px;
        }
      }
    }
  }
}